<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../plugins/slider/css/slider.css">

    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/登录页面.css">

</head>

<body>
    <!-- 头部 -->
    <section id="header">

        <div class=" head">
            <div class="head-text clearfix">
                <p class="fl ml210">logochina-cn</p>
                <p class="fr">欢迎光临<a class="head-a1" href="#">乐购</a>，请 登陆\<a class="head-a2" href="#">注册</a></p>
            </div>
        </div>
        <div class=" head1 clearfix">
            <!-- logo -->
            <img class="logo" src="../img/logo.jpg">
            
          <div class="welcome">欢迎登录</div>
        </div>
    </section>

    <!-- 登录 -->
    <section class="denglu container">
        <div class="denglubox">
            <div class="denglutitle">
                <button class="denglubtn1">扫码登录</button><button class="denglubtn2">账户登录</button>
           </div>
            <div class="denglucon"><img class="denglu-con-img" src="../img/登录二维码.png" alt=""><img class="denglu-con-img" src="../img/登录搜索.png" alt=""></div>
            <p class="denglu-con-p">打开手机版 乐购APP  扫一扫</p>
        </div>
        <!-- 蒙层 -->
        <div id="box" class="box dpno">

            <div id="smbox" >
                <div class="login">
                    <h2 style="font-size: 24px; font-weight: bold; color: black;">立即登录</h2>
                    <p>
                        <input id="user" type="text">
                         <span id="userMsg"></span>
                        <img id="delBtn" class="del-btn" src="../img/delete.png" alt="">
                    </p>
                    <p>
                        <input id="psWord" type="password">
                        <span id="userMsg1"></span>                  
                        <img id="eyes" class="eyes-cl" src="../img/close.png" alt="">
                        <!-- <img id="delEyescl" class="eyes-cl" src="./imgs/close.png" alt=""> -->
                        <!-- <img id="delEyesop" class="eyes-op" src="./imgs/open.png" alt=""> -->
                    </p>
                    <p>
                        <button id="bt">登&emsp;录</button>
                    </p>
                    <p>
                        还没有账号? <a href="#">立即注册</a>
                    </p>
                </div>
                <span id="hdBtn" class="hd-btn">&times;</span>
            </div>            
        </div>
    </section>


    <!-- 页尾 -->
    <footer id="footer ">
        
        <div class="foot-coutent mt30">
            
        <div class="foot-banquan">
            <div class="container foot-banquan1">
                <p>
                    <a class="a">公司简介 </a>|
                    <a class="a">Investor Relations </a>|
                    <a class="a">网站联盟 </a>|
                    <a class="a">乐购招商 </a>|
                    <a class="a">机构销售 </a>|
                    <a class="a">手机乐购 </a>|
                    <a class="a">官方Blog </a>|
                    <a class="a">热词搜索</a>
                </p>
                <p>
                    <a class="a">Copyright </a>
                    <a class="a">(C) </a>
                    <a class="a">乐购网 </a>
                    <a class="a">2004-2016, </a>
                    <a class="a">All </a>
                    <a class="a">Rights </a>
                    <a class="a">Reserved</a>
                </p>
            </div>
        </div>
        </div>
    </footer>

    <!-- 引入当前文件的js -->
    <script src="../plugins/slider/lib/jquery.min.js"></script>
    <script src="../plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="../js/登录页面.js"></script>
</body>

</html>